/**
 * Created by zhr on 2017/6/27.
 */
import React from "react";
import Relay from 'react-relay';
import { message } from 'antd';
import { Button, Modal, Input } from 'fly';
import './common.css';
export default class Tab extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            logisticsDetailVisible: false,
            logisticsInfo:null
        }
        this.handleOk = this.handleOk.bind(this);
        this.handleCancel = this.handleCancel.bind(this);
    }

    handleOk() {

        this.setState({
            logisticsDetailVisible: false,
        });
    }
    handleCancel() {
        this.setState({
            logisticsDetailVisible: false,
        })
    }
    render() {
        const { logisticsInfo } = this.state
        return (
            <div className="">
                <Modal
                    title="物流信息"
                    visible={this.state.logisticsDetailVisible}
                    onOk={this.handleOk}
                    onCancel={this.handleCancel}
                    footer={null}
                >
                    <div className="reply_box">
                        <p>
                            <span>快递公司：</span>
                            <span>{logisticsInfo ? logisticsInfo.company : '无'}</span>
                        </p>
                        <p>
                            <span>快递编号：</span>
                            <span>{logisticsInfo ? logisticsInfo.number : '无'}</span>
                        </p>
                        <p>
                            <span style={{boxSizing:'border-box'}}>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span>
                            <span>{logisticsInfo ? logisticsInfo.remark : '无'}</span>
                        </p>
                    </div>
                </Modal>
            </div>
        )
    }
}